<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天猫注册</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/register-01.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <script src="../js/register.js" type="module"></script>
</head>

<body>
    <div class="wrapper">
        <div id="regiprotol">
            <div class="closeprotol clearfloat">
                <h3>注册协议</h3>
                <a href="./index.html"><i class="iconfont">&#xe760;
                </i></a>
            </div>

            <div class="protol-content">
                <p>
                    <strong>【审慎阅读】</strong>您在申请注册流程中点击同意前，应当认真阅读以下协议。<strong class="point-hl">请您务必审慎阅读、充分理解协议中相关条款内容，其中包括：</strong>
                </p>
                <p>
                    <strong class="point-hl">1、与您约定免除或限制责任的条款；</strong> </p>
                <p>
                    <strong class="point-hl">2、与您约定法律适用和管辖的条款；</strong>
                </p>
                <p>
                    <strong class="point-hl">3、其他以粗体下划线表示的重要条款。</strong>
                </p>

                <p>如您对协议有任何疑问，可想平台客服咨询。</p>
                <p>
                    <strong>【特别提示】</strong>当您按照注册页面提示填写信息、阅读并同意协议且完成全部注册程序后，即表示您已充分阅读、理解并接受协议的全部内容。如您因平台服务与淘宝发生争议的，适用《淘宝平台服务协议》处理。如您在使用平台服务过程中与其他用户发生争议的，依您与其他用户达成的协议处理。
                </p>
                <p>
                    <strong class="point-hl">阅读协议的过程中，如果您不同意相关协议或其中任何条款约定，您应立即停止注册程序。</strong>
                </p>
                <p class="protol-list">
                    <a href="#">淘宝平台服务协议</a>
                </p>
                <p class="protol-list">
                    <a href="#">隐私权政策</a>
                </p>
                <p class="protol-list">
                    <a href="#">法律声明</a>
                </p>
                <p class="protol-list">
                    <a href="#">支付宝及客户端服务协议</a>
                </p>
            </div>
            <div class="agreepro-btn">
                <button>
                    同意协议
                </button>
            </div>
        </div>

        <!-- 注册步骤 -->
        <div class="registe-steps">
            <!-- 注册步骤 -->
            <ul class="chinese-mainland">
                <li class="username active">
                    <span>1</span> 设置用户名
                </li>
                <li class="account-msg">
                    <span>2</span> 填写账户信息
                </li>
                <li class="pay-way">
                    <span>3</span> 设置支付方式
                </li>
                <li class="registe-success">
                    <span>√</span> 注册成功
                </li>
            </ul>
        </div>
        <!-- 注册信息 -->
        <div class="register-msg">
            <form action="#" method="POST">
                <dl class="phone-num">
                    <dt>
                        手机号码
                    </dt>
                    <dd>
                        <select name="" id="">
                            <option value="" selected="selected" class="choosen">
                                <span>中国大陆</span>
                                <span>+86</span>
                            </option>
                        </select>
                        <input type="text" name="phonenum" placeholder="请输入你的手机号">
                    </dd>
                </dl>
                <dl class="code-verify">
                    <dt>
                        验证
                    </dt>
                    <dd>

                    </dd>
                </dl>
                <dl class="next-btn">
                    <dt></dt>
                    <dd>
                        <button type="submit">下一步</button>
                    </dd>
                </dl>
            </form>
        </div>
    </div>
</body>

</html>